.Top002070{width:100%;z-index:100;z-index: 100;height: 110px;border-bottom: 1px solid #e5e5e5; background:#fff}

.Top002070 .header-left{position:absolute; top:16px; left:13%; }

.Top002070 .header-left img.logo2{ display: none }

.Top002070 .header-right{  position:absolute; top:0;right:13%;margin-top:15px;z-index: 50; font-size:18px;line-height:32px;  color:#208740; }

.Top002070 .header-right dd{position:relative; float:left;}

.Top002070 .header-right dd >a{ display:block;height:50px; line-height:50px;}

.Top002070.show {top:0;box-shadow: 0 5px 8px rgba(0,0,0,.2);width:100%;left: 0; background-color: #fff;}

.Top002070.show:after{  content: ""; display: block; position: absolute; right: 4.3%; }

.Top002070 .header-mid{ float: left; margin-left:32%;  }

.Top002070 .open-search{ position:relative; display:block; z-index: 99999; width: 50px; background:url(../images/search.png) no-repeat center center; margin-top: 10px; margin-right: 10px; }

.Top002070 .open-search-show::before,

.Top002070 .open-search-show::after{ background:#fff;}

.Top002070 .top-search{ z-index:100; display:none; position:absolute; right: 15px;  top:145%; border:1px solid #eee; background:#fff; }

.Top002070 .top-search .text{ width:100%; height:36px; width: 250px; line-height:36px; padding:0 36px 0 10px; border:none ; color: #666}

.Top002070 .top-search .btn{ position:absolute; right:0; top:0; height:36px; width:36px; background:url(../images/top002070-search_btn.png) no-repeat center center;background-size:auto 50%;}

.Top002070 .header-menu li{   width: auto !important; margin: 0 30px;}

.Top002070 .header-menu li em a{ padding:26px 0; font-size: 18px; position: relative;line-height: 50px; }

.Top002070 .header-menu li.aon1 em a,

.Top002070 .header-menu li em a:hover{}

.Top002070 .header-menu li.aon1 em a:after,

.Top002070 .header-menu li em a:hover:after{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height:2px; background: #fff}

.Top002070 .header-menu li .sub-menu dt {padding:10px 20px; }

.Top002070 .header-menu li .sub-menu dt a{  transition:0.3s; color: #444; font-weight: normal;}

.Top002070 .header-menu li .sub-menu dt a img{width:35px;display: block;text-align: center;margin:0 auto;}

.Top002070 .sub{ background:rgba(255,255,255,0.72); }

.Top002070 .header-menu li .sub-menu dl {  padding: 10px 0 15px }

.Top002070 .header-menu li .sub-menu dt { position: relative;}

.Top002070 .header-menu li .sub-menu dt a{ padding:0 5px; color:#666; line-height:45px;text-align: center;display: block; font-size: 16px;}

.Top002070 .header-menu li .sub-menu dt a:hover{ color:#208740;background: none}

.Top002070 .header-menu li .sub-menu dt a:hover img{transition: 0.5s;  transform: rotateY(360deg);}

.Top002070 li em a{ color: #666}

.Top002070 .header-menu li em a:hover{ color: #208740 }

.Top002070 .header-menu li.aon1 em a:after,

.Top002070 .header-menu li em a:hover:after{background:#208740}

.Top002070 .header-left img.logo1{ display: none }

.Top002070 .header-left img.logo2{ display: block}

.header-menu li em{ display:block; font-style:normal; text-align:center;}

.header-menu li em a{ display:block;}

.header-menu li .sub dt{ line-height:40px;}

.header-menu li .sub dt a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;}

.header-menu li .sub dt a:hover{ background:#208740; color:#fff;}

.header-menu .sub-has-sub dl{display:none;}

.Top002070 .header-menu li.aon1 .sub-menu-layer{ display: block;}

.Top002070 .header-menu li .sub-menu-layer{ display: none;}



header.on-header,header:hover,header.active.on-header {  background: #fff;z-index: 9999;}

header .header-left .logo img{width:100%;}

header .header-left .img2 {display: none;}

header:hover .header-left .img1,header.on-header .header-left .img1 {display: none;}

header:hover .header-left .img2,header.on-header .header-left .img2{display: block;}

.Top002070 header.on-header .header-menu li em a,.Top002070 header:hover .header-menu li em a{ color: #333; }

.Top002070 header.on-header .header-menu li em a:hover,.Top002070 header:hover .header-menu li em a:hover{ color: #208740; }

.Top002070 header.on-header .open-search,.Top002070 header:hover .open-search{ position:relative; display:block; width: 50px; background:url(../images/search2.png) no-repeat center center;}

@media(min-width:1025px){

#header-menu{ display:none;}

.relative{ position:relative; z-index:100;}

.header-menu li{ float:left; }

.header-menu li .sub{position:absolute;  /*top:-400%;*/}

.header-menu li .sub{ opacity:0;overflow:hidden; }

.header-menu li.aon .sub{ opacity:1; }

.fullbground .sub-menu >dl,

.fullbground .sub-menu >dl dt{ float:left;}

.sub-menu-layer{ position:absolute; left:0; top:100%; width:100%;}

.sub-slideDown .sub-menu-layer{ display:none; /*transition:0.3s;*/}

}

@media (max-width:1840px) {

  .Top002070 .header-left{ left:11%; }

  .Top002070 .header-right{ right:11%; }

  }

  @media (max-width:1780px) {

  .Top002070 .header-right{ right:10%; }

  }

  @media (max-width:1700px) {

  .Top002070 .header-left{ left:9%; }

  .Top002070 .header-right{ right:9%; }

  .Top002070 .header-mid{ margin-right:12%;}

  }

@media(max-width:1600px){

.Top002070 .header-menu li{ margin: 0 24px;}

.Top002070 .header-left{ left:7%; }

.Top002070 .header-right{ right:6%; }

.Top002070 .header-mid{ margin-right:10%;}

}

@media(max-width:1540px){

.Top002070 .header-left{ left:5%; }

.Top002070 .header-right{ right:4%; }

.Top002070 .header-mid{ margin-right:9%;}

}

@media(max-width:1500px){

  .Top002070 .header-left{ left:4%; }

  .Top002070 .header-right{ right:2%; }

  .Top002070 .header-mid{ margin-right:6%;}

  }

@media(max-width:1480px){

.Top002070 .header-menu li{ margin: 0 25px;}

} 

@media(max-width:1380px){

.Top002070 .header-left{ left:2.5%; }

.Top002070 .header-right{ right:1%; }

.Top002070 .header-menu li{ margin: 0 20px;}

} 

@media(max-width:1366px){

  .Top002070 .header-left{ left:5%; }

  .Top002070 .header-right{ right:3%; }

}

@media(max-width:1320px){

.Top002070 .header-menu li{ margin: 0 15px;}

.Top002070 .header-left{ left:4%; }

.Top002070 .header-right{ right:2%; }

} 

@media(max-width:1250px){

.Top002070 .header-menu li{ margin: 0 12px;}

}

@media(max-width:1024px){

.Top002070 .header{ margin:0 2%; height:80px;}

.Top002070 .header-right{ z-index:101; right:1%;margin-top:-20px;top: 50%;}

.Top002070 .header-left img{height:50px;}

.Top002070 #header-menu li .sub dt a img{display: none}

.Top002070 .top-language{margin-right:8px;margin-top:4px;}

.Top002070 .top-language em{padding:0 13px 0 34px;background: url(../images/lang.png) no-repeat 13px center;background-size:14px;}

.Top002070 .Public_nav_style #open_menu{ position:relative; right:0; top:auto; margin-left:4px; border-radius:0; background:#fff; height:30px; width:33px; border:none; margin-top:4px;}

.Top002070 #open_menu i::before,

.Top002070 #open_menu i::after{ background:#015696 !important;}

.Top002070 #open_menu i{background:#b48a56; height:3px; margin-top:-1.5px;}

.Top002070 #header-menu ul{ padding:0; border-top:98px solid #fff; background:rgba(192, 162, 106, 0.9)}

.Top002070 #header-menu li{text-align:center;}

.Top002070 #header-menu li em a{ padding:5%;  font-weight:normal; line-height:normal;border-bottom:0;}

.Top002070 #header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);}

.Top002070 .header-right dd >a{height:43px;line-height: 43px;width:43px;margin-right:0;}

.Top002070 .top-search{top:142%;}

.Top002070:after{width:112px;}

a{ transition: 0s}

}

@media(max-width:768px){

  .Top002070:after{width:92px;}

  .sp_logo img{ height:50px;}

.sp_logo{ padding:5px 10px; box-sizing:border-box}

}

@media(max-width:640px){

 .Top002070 .header-left{max-width: 40%; top: 50%; transform: translateY(-50%);}

.Top002070 .header-left img{height:auto;}

}

@media(min-width:1025px){

#header-menu{ display:none;}

.relative{ position:relative; z-index:100;}

.header-menu li{ float:left; }

.header-menu li .sub{position:absolute; left: 0px; width: 100%;  /*top:-400%;*/}

.header-menu li .sub{ opacity:0;overflow:hidden; }

.header-menu li.aon .sub{ opacity:1; }

}

@media(max-width:1024px){

.header-menu{ display:none;}

.Public_nav_style #header-menu,

.Public_nav_style #header-menu ul{position:fixed;top:0;height:100%; z-index:100;right:-100%; opacity:0;transition:opacity 0.3s;}

.Public_nav_style #header-menu{ background-color:rgba(0,0,0,0.5); width:100%; }

.Public_nav_style #header-menu ul{   width:60%; max-width:280px; background:rgba(32, 151, 155, 0.9); height:100%; max-height:100%; overflow:auto;padding:50px 2% 0; transition:0.3s;}

.Public_nav_style #header-menu.header-menu-show,

.Public_nav_style #header-menu.header-menu-show ul{ right:0;opacity:1;}

#header-menu li .sub{ display:none;}

#header-menu li{ line-height:40px; }

#header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}

#header-menu li a{display:block;}

#header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold; padding:0 10px;}

#header-menu li:last-child em,

#header-menu li:last-child em a{ border-bottom:0;}

#header-menu li a:hover,

#header-menu li a{ color:#fff;}

#header-menu li.has-sub em{ position:relative;}

#header-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background-color:transparent;}

#header-menu li.has-sub em .op{position:absolute; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;display:none; transition:0.3s;}

#header-menu li.has-sub.clickon em .op{ transform:rotate(45deg);}

#header-menu li.has-sub em .op::before,

#header-menu li.has-sub em .op::after{  position:absolute; content:'';  background:#fff;}

#header-menu li.has-sub em .op::before{width:100%; height:3px;left:0; top:6px;}

#header-menu li.has-sub em .op::after{ width:3px; left:6px; top:0; height:100%;}

.Public_nav_style #header-menu li.has-sub em::after{position:absolute; content:''; right:2%; border:6px solid transparent; border-top-color:#fff; top:50%; margin-top:-3px;}

.Public_nav_style #header-menu li.clickon em::after{border-bottom-color:#fff;border-top-color:transparent;margin-top:-9px;}

.Public_nav_style #header-menu li.clickon em a{ background:rgba(0,0,0,0.2);}

#header-menu li .sub-menu dt.has-dt{ position:relative;}

#header-menu li .sub-menu dt.has-dt::before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}

#header-menu li .sub-menu dt a{padding:0 10px; border-bottom:1px dashed rgba(0,0,0,0.5);display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }

#header-menu li .sub-menu dt:last-child >　a{ border-bottom:0;}

#header-menu li .sub-has-sub{ position:relative;}

#header-menu li .sub-has-sub i{ position:absolute; left:0; top:0; height:40px; width:100%; background-color:transparent; z-index:2;}

.Public_nav_style #header-menu li .sub-has-sub i::before,

.Public_nav_style #header-menu li .sub-has-sub i::after{ position:absolute; content:''; top:50%; background:#fff;}

.Public_nav_style #header-menu li .sub-has-sub i::before{ width:10px; height:2px; margin-top:-1px; right:5px;}

.Public_nav_style #header-menu li .sub-has-sub i::after{ width:2px; height:10px; margin-top:-5px; right:9px;}

.Public_nav_style #header-menu li .clickon > i::after{ display:none;}

.Public_nav_style #header-menu li .clickon > a{ background-color:rgba(0,0,0,0.2);}



.Public_nav_style #open_menu{ position:absolute; right:2%; width:40px; height:40px; border:2px solid #20979b; border-radius:50%;  top:5px; z-index:200;}

#open_menu i,

#open_menu i::before,

#open_menu i::after{ position:absolute;}

.Public_nav_style #open_menu i,

.Public_nav_style #open_menu i::before,

.Public_nav_style #open_menu i::after{background:#20979b;}

#open_menu i{ top:50%;}

.Public_nav_style #open_menu i{ width:60%; left:20%;  margin-top:-1px; height:2px;}

#open_menu i::before,

#open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}

#open_menu i::before{ top:6px;}

#open_menu i::after{top:-6px;}



.Public_nav_style #open_menu.open_menu_on{ border-color:#fff;}

#open_menu.open_menu_on i{ background:none !important;}

.Public_nav_style #open_menu.open_menu_on i::before,

.Public_nav_style #open_menu.open_menu_on i::after{ background:#fff; margin-top:0;}

#open_menu.open_menu_on i::before,

#open_menu.open_menu_on i::after{  top:0 !important;}

#open_menu.open_menu_on i::before{ transform:rotate(45deg);}

#open_menu.open_menu_on i::after{ transform:rotate(-45deg);}

}



.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:9999999;width:100%;}

.sp_logo{padding:2px 10px;float:left;height:60px}

.sp_logo img{margin:auto;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}

.sp_nav span{display:block;background:#208740;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}

.sp_nav span:nth-of-type(1){top:0px}

.sp_nav span:nth-of-type(2){top:10px}

.sp_nav span:nth-of-type(3){top:20px}

.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:99999;background:#eee; width:100%; font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.nav_show{top:60px}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px);line-height:40px;}

.sjj_nav>ul>li .language{ overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav>ul>li .language a{width:49%;float:left;border-left:1px #ddd solid;text-align:center;color:#999; }

.sjj_nav ul li i{position:absolute;top:10px;right:0px;border-left:1px #ddd solid;height:30px; line-height: 42px; padding:0px 7px 0 7px;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{border-top:1px #ddd solid;padding-left:20px; position:relative;line-height:52px;font-size:16px}

.sjj_nav ul li ul{display:none}

.sjj_nav ul li a{ width:80%}

.sjj_nav ul li ul li {padding-left:-20px;}

.sjj_nav ul li ul li a{ display:block;text-align:left; line-height: 40px;font-size:15px}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#208740}

.sjj_nav ul li ul li>ul{margin-left:10px}

@media (max-width:1800px) {

header .header .logo{ left:9%; }

.hl_nav .nav_list{ left: 73.5%;}

}

@media (max-width:1700px) {

header .header .logo{ left:7%; }

}

@media (max-width:1600px) {

header .header .logo{ left:5.5%; }

.hl_nav .nav_list{ left: 74%;}

}

@media (max-width:1500px) {

header .header .logo{ left:5%; }

.hl_nav .nav_list{ left: 75%;}

.hl_nav .nav_list>li{width: 130px;}

}

@media (max-width:1440px) {

.hl_nav .nav_list>li{width: 120px;}

.hl_nav .nav_list{ left: 80%;}

}

@media (max-width:1400px) {

header .header .logo{ left:4%; }

.hl_nav .nav_list{ left: 81%;}

}

@media (max-width:1366px) {

header .header .logo{ left:2.5%; }

.hl_nav .nav_list{ left: 82%;}

}

@media (max-width:1320px) {

.hl_nav .nav_list>li{width: 110px;height:504px;}

.hl_nav .nav_list{ left: 86.5%;}

.hl_nav .shade{ height: 404px; }



}

@media (max-width:1280px) {

header .header .logo{ left:3%; top: 17px;}

header .header .logo img{width:86%;}

.hl_nav .nav_list{ left: 85%;}

.hl_nav .nav_list>li{ margin-bottom: 20px;}

.hl_nav .item{height: 35px;line-height: 35px; font-size: 15px; padding-left: 15px;}



}

